<template>
  <div>
    <div class="one">
        <img :src="Url" alt="">
      <!-- <a href="#">{{name}}</a> -->
     <!-- <p ></p> -->
     <button @click="DogFn">{{name}}</button>
    </div>
   
  </div>
</template>

<script>
export default {
  name: 'MyVueHomeworkSelectdog',
   props:['Url','name'],
  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    DogFn() {
      // console.log(this.name);
      this.$emit('DogFn', this.name);
    }
  },
};
</script>

<style scoped>
  .one {
    width: 400px;
    height: 400px;
    border: 1px solid black;
    float: left;
    text-align: center;
    
  }
  .one img {
    width: 100%;
    height: 86%;
  }
</style>